import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface PicCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const PicCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: PicCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path fill="#fff" fillOpacity={0.01} d="M24 0v24H0V0z" />
      <Path
        fill={color}
        fillRule="evenodd"
        d="M10.427 2.5h3.146c1.824 0 3.293 0 4.45.155 1.2.162 2.21.507 3.012 1.31.803.802 1.148 1.813 1.31 3.013.155 1.156.155 2.625.155 4.449v1.146c0 1.824 0 3.293-.155 4.45a6.92 6.92 0 0 1-.36 1.518.996.996 0 0 1-.34.71c-.166.28-.367.542-.61.784-.802.803-1.812 1.148-3.013 1.31-1.156.155-2.625.155-4.449.155h-3.146c-1.824 0-3.293 0-4.45-.155-1.2-.162-2.21-.507-3.013-1.31-.802-.802-1.147-1.812-1.309-3.013-.155-1.156-.155-2.625-.155-4.449v-1.146c0-1.824 0-3.293.155-4.45.162-1.2.507-2.21 1.31-3.013.802-.802 1.813-1.147 3.013-1.309C7.134 2.5 8.603 2.5 10.427 2.5m9.967 13.994c.104-.974.106-2.241.106-3.994v-1c0-1.914-.002-3.249-.137-4.256-.132-.978-.373-1.496-.742-1.865-.369-.37-.887-.61-1.865-.741-1.007-.136-2.342-.138-4.256-.138h-3c-1.914 0-3.249.002-4.256.138-.978.131-1.496.372-1.865.74-.37.37-.61.888-.741 1.866C3.502 8.251 3.5 9.586 3.5 11.5v1c0 1.753.002 3.02.106 3.994l2.784-2.783c.626-.627 1.167-1.167 1.657-1.542.526-.4 1.11-.705 1.832-.705.72 0 1.305.304 1.831.705.49.375 1.03.915 1.658 1.542l1.469 1.47c.041-.039.082-.075.121-.11.25-.217.518-.415.844-.55a3 3 0 0 1 2.296 0c.326.135.594.333.843.55.237.207.504.475.814.785zM14 8.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0"
        clipRule="evenodd"
      />
    </Svg>
  )
}
